<!-- 
继承权重
    基本（单个）选择器继承权重：为0
        碰到!important，也没用！
    组合（多个）选择器继承权重：不为0
        碰到!important，则认!important为老大！
-->
<style>
    /* ------------------- 继承权重：为0 */
    /* 父：10+无穷大，自己：0 */
    .nav {
        color: red!important;
    }
    /* 自己：1 */
    li {
        color: blue;
    }
    /* -------------------- 继承权重：不为0 */
    /* 父：10，自己：10+1 */
    .myul li {
        color: cyan;
    }
    /* 自己：10 */
    .myli {
        color: purple;
    }
    /* 父：10，自己：10+10 */
    .myul .myli {
        color: yellow;
    }
</style>

<ul class="nav">
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
</ul>

<ol class="myul">
    <li class="myli">hello</li>
    <li>hello</li>
    <li>hello</li>
</ol>